<script setup lang="ts">
const
    tokenInfo = JSON.parse(sessionStorage.getItem('tokenInfo')),
    userInfoSy = JSON.parse(sessionStorage.getItem('userInfoSy'))
;
</script>

<template>
    <div a>
      <img src="/vip-bg.png" style="width: 100%;height: 100%;" alt="">
      <div it>
        <img :src="userInfoSy?userInfoSy['avatar'] : '/hait.svg'" alt="">
        <div>{{ tokenInfo?tokenInfo['userName']:'游客' }}</div>
      </div>
    </div>
</template>

<style scoped lang="scss">
[a]{
  width: 100%;
  height: 100%;
  position: relative;
}
[it]{
  position: absolute;
  top: 25%;
  width: 100%;
  text-align: center;
  img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 5px;
  }
}
</style>